$(() => {
    getUserInfo();

    // 点击退出
    $('#btnLogout').click(() => {
        // 退出提示
        layer.confirm('退出?', { icon: 3, title: '提示' }, function (index) {
            // 1.清空本地存储中的token
            localStorage.removeItem('token');
            // 2.重新跳转到登录页面
            location.href = 'login.html';

            // 关闭confirm询问框
            layer.close(index);
        });
    });
});

// 获取用户基本信息
function getUserInfo() {
    $.ajax({
        method: 'GET',
        url: '/my/userinfo',      //baseAPI已有过滤器,地址不用写全
        // headers: {
        //     Authorization: localStorage.getItem('token') || ''
        // },
        success: function (res) {
            if (res.status !== 0) {
                return layui.layer.msg('获取用户信息失败!');
            }
            renderAvartar(res.data);
        }
        // complete: function (res) {
        //     // res.responseJSON可以拿到服务器响应回来的数据
        //     if (res.responseJSON.status === 1){
        //         // && res.responseJSON.message === "身份认证失败!") {
        //         // 1.强制清空token
        //         localStorage.removeItem('token');
        //         // 2.强制跳转到登录页面
        //         location.href = "login.html";
        //     }
        // }
    });
}

function renderAvartar(user) {
    // 1.获取用户的名称
    const name = user.nickname || user.username;
    // 2.设置欢迎的文本]
    $("#welcome").html("欢迎," + name);
    // 3.按需渲染用户的头像
    if (user.user_pic !== null) {
        // 3.1 渲染图片头像
        $(".layui-nav-img").prop("src", user.user_pic).show();
        // 隐藏文本头像
        $(".text-avatar").hide();
    } else {
        // 3.2渲染文字图像
        $(".text-avatar").html(name[0].toUpperCase()).show();
        $(".layui-nav-img").hide();
    }
}